$(function(){
//添加商品页tab切换
	$('.tl a').click(function(){
		
		var c=$(this).index();
		$(this).addClass('ti').siblings('a').removeClass('ti');
		$('.lili').eq(c).show().siblings('.lili').hide();
	})


	//选择分类时生成属性与规格
		$('select[name=cid]').val(0).change(function () {
			var tid = $(':selected', this).attr('tid');
			var cid = $(':selected', this).attr('value');
			if (tid == 0){
				alert('顶级分类不能添加商品');
				return;
			}

			//隐藏域保存类型id
			$('input[name=type_id]').val(tid);
			//异步获得所属品牌
			
			$.post(getRand,{'cid':cid},function(data){
				var tmp1;
				if (data!=0) {
					for (var i  in data) {
						tmp1 ='';
						tmp1 += '<option value="' + data[i]['rid'] + '">' + data[i]['name'] + '</option>';
					};
					
				}else{
						tmp1 += '<option>请先添加品牌</option>';
				}
				$('select[name=rand_rid]').empty().append(tmp1);
			},'json');
			//异步发送到后台，获得类型属性
			getAttr+='/tid/'+tid;
			$.post(getAttr, function (data) {

				if (data != 0)
				{
					var attr, spec, tmp;
						attr = spec = '';
					for (var i in data)
					{
						tmp = '';
						tmp += '<tr class="info">';
						tmp += '<td align="right">' + data[i].tattr_name + '</td>';
						tmp += '<td>';
						
						if (data[i].tattr_value == '')
						{
							tmp += '<input type="text" name="';

							if (data[i].tattr_type == 0)
							{
								tmp += 'attr[' + data[i].id +']';
							}
							else
							{
								tmp += 'spec[' + data[i].id + '][tattr_value][]';
							}
							
							tmp += '"/>';
						}
						else
						{
							tmp += '<select name="';

							if (data[i].tattr_type == 0)
							{
								tmp += 'attr[' + data[i].id +']';
							}
							else
							{
								tmp += 'spec[' + data[i].id + '][tattr_value][]';
							}

							tmp += '">';
							tmp += '<option value="0">-请选择-</option>';
							var opt = data[i].tattr_value.split(',');
							var len = opt.length;
							for (var j = 0; j < len; ++j){
								tmp += '<option value="' + opt[j] + '">' + opt[j] + '</option>';
							}
							tmp += '</select></td>';
						}
						if (data[i].tattr_type == 1)
						{
							tmp += '<td>附加价格 <input type="text" name="spec[' + data[i].id +'][add_price][]"/></td>';
							tmp += '<td><span class="add-spec btn btn-success"><i class="icon-plus icon-white"></i>添加规格</span>';
						}
						tmp += '</td>';
						tmp += '</tr>';

						if (data[i].tattr_type == 0)
						{
							attr += tmp;
						}
						else
						{
							spec += tmp;
						}
					}
					$('#attr').empty().append(attr);
					$('#spec').empty().append(spec);
				}
				else
				{
					$('#attr').empty();
					$('#spec').empty();
				}
			}, 'json');
		});

		//添加一个规格
		$('.add-spec').live('click', function () {
			var tr = $(this).parents('tr');
			//复制个节点
			var obj = tr.clone();
			//组合一个节点（删除规格的按钮）
			var del = '<span class="del-spec btn btn-info"><i class="icon-white icon-minus"></i>删除规格</span>';
			//查找第3个td,删除添加按钮
			obj.find('td').eq(3).find('.add-spec').remove();
			//插入删除按钮节点
			obj.find('td').eq(3).append(del);
			//插入复制的节点
			tr.after(obj);
		});

		//删除一个规格
		$('.del-spec').live('click', function() {
			$(this).parents('tr').remove();
		});



		//商品图册 点删除 异步删除
		$('.del-pic').live('click', function () {
			var obj = $(this).parent('li');
			var del = {
				'big' : $(this).prev().val(),
				'mid' : $(this).prev().prev().val(),
				'small' : $(this).prev().prev().prev().val(),
				'original ' : $(this).parent().attr('path')
			};
			//ajax提交，控制器方法，post提交内容,返回函数，json或者html
			$.post(delPic, del, function (data) {
				if (data == 1){
					//删除模板中的li节点
					obj.remove();
				}
				else{
					alert('删除失败');
				}
			}, 'html');
		});
		//列表图  点击异步删除
		$('.del-pic2').live('click', function () {
			var obj = $(this).parent('li');
			var del = {
				//缩略图
				'thumb' : $(this).parent().attr('thumb'),
				//原图
				'original ' : $(this).parent().attr('path')
			};
			//ajax提交，控制器方法，post提交内容,返回函数，json或者html
			$.post(delPic, del, function (data) {
				if (data == 1){
					//删除模板中的li节点
					obj.remove();
				}
				else{
					alert('删除失败');
				}
			}, 'html');
		});

	
	//列表图
	$('#file').uploadify({
	    'formData'     : {//POST数据
	        '<?php echo session_name();?>' : '<?php echo session_id();?>',
	    },
	    'fileTypeDesc' : '*.png;*.gif;*.jpg',//上传描述
	    'fileTypeExts' : '*.png;*.gif;*.jpg',
	    'swf'      : STATIC+'/uploadify/uploadify.swf',
	    'uploader' : upload,
	    'buttonText':'选择图片',
	    'fileSizeLimit' : '2000KB',

	    'uploadLimit' : 100,//上传文件数
	    'width':65,
	    'height':25,
	    'successTimeout':10,//等待服务器响应时间
	    'removeTimeout' : 0.2,//成功显示时间
	    'onUploadSuccess' : function(file, data, response){
	        //转为json对象eval("data="+data);
	        data=$.parseJSON(data);
	        var imageUrl = data.image?data.url:'__STATIC__/image/default.png';
	        var li="<li path='"+data.path+"' thumb='"+data.list_pic+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><span  class='glyphicon glyphicon-remove del-pic2'></span></li>";
	        $("#uploadList ul").empty().prepend(li);
	        $("#list_pic").val(data.list_pic);
	    }
	});
	//图册
	$('#file2').uploadify({
	    'formData'     : {//POST数据
	        '<?php echo session_name();?>' : '<?php echo session_id();?>',
	    },
	    'fileTypeDesc' : '*.png;*.gif;*.jpg',//上传描述
	    'fileTypeExts' : '*.png;*.gif;*.jpg',
	    'swf'      : STATIC+'/uploadify/uploadify.swf',
	    'uploader' : upload2,
	    'buttonText':'选择图片',
	    'fileSizeLimit' : '2000KB',

	    'uploadLimit' : 100,//上传文件数
	    'width':65,
	    'height':25,
	    'successTimeout':10,//等待服务器响应时间
	    'removeTimeout' : 0.2,//成功显示时间
	    'onUploadSuccess' : function(file, data, response){
	        //转为json对象eval("data="+data);
	        // document.write(data);
	        data=$.parseJSON(data);
	        var imageUrl = data.image?data.url:STATIC+'/image/default.png';
	        var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><input type='hidden' name='pr_small_pic[]' value='"+data.pr_small_pic+"'><input type='hidden' name='pr_mid_pic[]' value='"+data.pr_mid_pic+"'><input type='hidden' name='pr_big_pic[]' value='"+data.pr_big_pic+"'><span  class='glyphicon glyphicon-remove del-pic'></span></li>";
	        $("#uploadList2 ul").prepend(li);
	        
	    }
	});
})